<template>
    <div class="container">
        <Category title="美食" :listData="foods">
            <img src="./asseets/烧烤.jpg">
        </Category>
        <Category title="游戏" :listData="gamees"></Category>
        <Category title="电影" :listData="films">
            <video src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" controls></video>
        </Category>
    </div>
  
</template>

<script>
    import Category from './components/Category'
    export default {
        name: 'App',
        data() {
            return {
              foods:['火锅','烧烤','小龙虾','牛排'],
              gamees:['红色警戒','穿越火线','劲舞团','超级玛丽'],
              films:['《盗梦空间》','《战狼2》','《蜘蛛侠：英雄归来》','《复仇者联盟4》']
            }
        },
        methods: {
            
        },
        components: {
            Category
        },
        methods:{
        }
    }
</script>

<style>
    .container{
        display: flex;
        justify-content: space-around;
    }
</style>